iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
1
自我挑戰組

與 React 交朋友的三十天學習之旅系列 第 30

完賽日,心得與階段學習驗收

  • 分享至 

  • xImage
  •  

今年度的鐵人賽於今天即將完賽,終於要告一段落啦!!!

回顧這三十天的的學習,給自己打了個差強人意的分數。

不過整體來說還是把 React 的基礎算是有了個基本的了解

而本次給自己訂定的目標,算是有成功達標,真的是小確幸XD

不過該如何運用到實務經驗中才是考驗的開始,填坑之路才正要前行!

而今天的篇幅最後附上作為驗收的小小 demo 以及本次的學習文章目錄。

簡單說明一下這個 demo 是一個非常簡單的照片牆,透過串接 Unsplash API 的資料來完成。

而為了可以將這段時間學到的觀念運用到,所以使用了 React Redux 來管理狀態,至於在頁面切換的部分則是透過 React Router 完成。

雖然只是一個非常簡單的 demo,但還是跑過了 React 基本該使用的那些觀念與套件。

最後,期待明年可以再相見(?!)

附上本次的文章總目錄

本次鐵人賽文章目錄

目錄
1. 拉開序幕,認識 React 好朋友
2. 建立第一個 React Code
3. 什麼是 JSX?
4. React Element 與 Component
5. 在 Class-based Component 中的 State 與事件處理
6. 事件處理的使用與了解
7. Class-based Component 的生命週期
8. Class-based Component 生命週期方法(續)
9. 使用 React Dev Tool 提高開發效率
10. 條件 Render、列表與 key
11. Styled Component
12. CSS modules
13. Higher order component(HOC)
14. createRef 學起來,focus 元素不麻煩
15. context API
16. 在 React 中執行非同步請求
17. 初探 React Router
18. React router 配置動態參數並取得 api 資料內容
19. 巢狀路由、 Query 參數與重導向
20. 透過 React Router config 統一管理路由
21. React Router 與 hooks
22. Redux 觀念初探
23. Redux 同步資料流
24. Redux 非同步資料處理 - 使用 Redux Thunk
25. Redux 非同步資料流 - Redux saga 基本用法
26. React Redux 與 Hooks
27. 認識 React Hooks 之一
28. 認識 React Hooks 之二
29. 認識 React Hooks 之三
30. 完賽日,心得與階段學習驗收

鐵人賽文章與程式碼同步發佈於:

  1. 個人部落格
  2. Github

資源


上一篇
認識 React Hooks 之三
系列文
與 React 交朋友的三十天學習之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
Chris
iT邦新手 3 級 ‧ 2020-10-15 10:13:19

完賽!Oh Ya/images/emoticon/emoticon34.gif

0
CathyShen
iT邦新手 4 級 ‧ 2020-10-15 11:07:20

恭喜!!現在是雙刀流(學會兩種框架)的安南彭于晏了!

0
tsuifei
iT邦新手 4 級 ‧ 2020-10-15 15:01:48

恭喜完賽!一路看你成長,超棒的啊鵬化~~

0
RURU Tseng
iT邦新手 2 級 ‧ 2020-10-16 12:42:47

恭喜完賽,時不時就會在解說中出現的 react好朋友 很有趣!

我要留言

立即登入留言